/*
 Less是 CSS 扩展语言，它在CSS的语法基础上，引入变量，Mixin(混入)，运算以及函数等功能
Less变量
    @变量名:值
变量命名规范：必须有 @ 为前缀，不能包含特殊字符，不能以数字开头，大小写敏感

*/
.header {
  width: 200px;
  height: 200px;
  background-color: purple;
}
.header a {
  color: aqua;
}
.header a:hover {
  color: green;
}
.nav .logo {
  color: red;
}
.nav::before {
  display: inline-block;
  content: "";
  background-color: aquamarine;
  width: 20px;
  height: 20px;
}
/*
任何数字、颜色或者是变量都可以参与 加(+) 减(-) 乘(*) 除(/) 运算
运算符的左右两侧必须有一个空格隔开
两个数参与运算，若只有一个数有单位，则最后结果就以这个单位为准
两个数参与运算，若两个数都有单位，且单位不一样，则最后结果就以第一个单位为准
除法运算时要加小括号，否则无法运算
*/
.demo2 {
  width: 150px;
  height: 100px;
  border: 10px solid red;
  background-color: #444444;
}
